<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" %>
<%@include file="../../../common/include/inc_ace.jsp" %>
<head lang="en">
    <title>top</title>

    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/pub-ui/css/default.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/page-styles.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/base.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/header.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/viewport.css"/>

</head>

<body style="overflow: hidden;width:100%; height: 100%;">
<div class="homecontent" id="input">
    <div class="row host_row0">
        <div class="col-sm-12 form-horizontal">
            <div class="form-group col-lg-5 col-md-6 col-sm-12">
                <label class="col-sm-4 control-label no-padding-right"> Top分类 </label>

                <div class="col-sm-8">
                    <select name="dataDimensionalitySelect" class="form-control" id="dataDimensionalitySelect">
                        <option value="">--请选择--</option>
                        <option value="10-10" name="/HostQuery">主机</option>
                        <option value="10-11" name="">数据库</option>
                        <option value="10-12" name="">中间件</option>
                        <option value="10-16" name="">交换机</option>
                        <option value="10-33" name="">数据同步</option>
                        <option value="10-19" name="">负载均衡</option>
                    </select>
                </div>
            </div>
            <div class="form-group col-lg-5 col-md-6 col-sm-12">
                <label class="col-sm-4 control-label no-padding-right"> 选择指标 </label>

                <div class="col-sm-8">
                    <input type="text" id="kpiName" readonly="readonly" class="form-control"/>
                </div>
            </div>
            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                <div class="pull-right" style="margin-right: 12px;">
                    <button id="searchBtn1" class="btn btn-sm btn-info">
                        <i class="ace-icon glyphicon glyphicon-search align-center bigger-110"></i>
                        查询
                    </button>
                    <button id="resetBtn1" class="btn btn-sm btn-info">
                        <i class="ace-icon glyphicon glyphicon-repeat align-center bigger-110"></i>
                        重置
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<%--//=========================================================================================================================================--%>
<div id="popup1" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" style="width: 1200px;">
        <div class="modal-content">
            <div class="modal-header">

                <button type="button" class="close btn btn-xs btn-white" data-dismiss="modal">
                    <span>&times;</span>
                    <span class="sr-only">关闭</span>
                </button>
                <h6 class="modal-title">
                    <i class="ace-icon glyphicon glyphicon-edit align-top bigger-110"></i>
                    指标信息
                </h6>
            </div>
            <div>
                <div class="modal-body no-padding">
                    <div class="row no-margin" style="padding: 8px 10px 10px;">
                        <div class="col-sm-12">
                            <%--//========================================================================================--%>
                            <%--按钮组--%>
                            <div class="btn-group">
                            </div>
                            <div class="pull-right">
                                <button id="searBtn1" class="btn btn-xs btn-info" data-toggle="collapse" href="#queryPanel1">
                                    <i class="ace-icon fa fa-arrow-down align-center bigger-110"></i>
                                    查询
                                </button>
                            </div>
                            <%--查询框--%>
                            <div class="panel panel-default no-border no-margin">
                                <div id="queryPanel1" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-sm-12 form-horizontal">
                                                <div class="form-group col-lg-4 col-md-6 col-sm-12">
                                                    <label class="col-sm-3 control-label no-padding-right">名称</label>

                                                    <div class="col-sm-9">
                                                        <input type="text" name="search.kpiNameLk" class="form-control"/>
                                                    </div>
                                                </div>
                                                <div class="form-group col-lg-4 col-md-6 col-sm-12">
                                                    <label class="col-sm-3 control-label no-padding-right">ID</label>

                                                    <div class="col-sm-9">
                                                        <input type="text" name="search.kpiCodeLk" class="form-control"/>
                                                    </div>
                                                </div>
                                                <div class="form-group col-lg-4 col-md-6 col-sm-12">
                                                    <div class="pull-right" style="margin-right: 12px;">
                                                        <button id="searchBtn11" class="btn btn-sm btn-info" style="padding: 4px 2px">
                                                            <i class="ace-icon glyphicon glyphicon-search align-center bigger-110"></i>
                                                            查询
                                                        </button>
                                                        <button id="resetBtn11" class="btn btn-sm btn-info" style="padding: 4px 2px">
                                                            <i class="ace-icon glyphicon glyphicon-repeat align-center bigger-110"></i>
                                                            重置
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <%--分割线--%>
                            <div class="hr hr2 hr-dotted"></div>
                            <%--//======================================================-================================-%>
                            <%--表格列表--%>
                            <table id="grid-table1"></table>
                            <%--分页--%>
                            <div id="grid-pager1" style="line-height:0"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <i class="ace-icon fa fa-reply align-left bigger-110"></i>
                    返回
                </button>
                <button id="confirm1" name="" type="button" class="btn btn-primary">
                    <i class="ace-icon fa fa-save align-left bigger-110"></i>
                    确定
                </button>
            </div>
        </div>
    </div>
</div>
<%--//=========================================================================================================================================--%>
<iframe scrolling="auto" id="systemViewIframe" src="" width="100%" style="margin-top: -40px;">
</iframe>


<script type="text/javascript" src="${ctx}/resource/plugins/echarts4/esl.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/circle-progress.js"></script>
<script type="text/javascript" src="${ctx}/resource/bigdata/targetstop/targetsTop.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/commons.src.js"></script>
<script type="text/javascript" src="${ctx}/resource/utils/kbpTreeData.js"></script>


</body>
